
import React from 'react';


import EchartFourLine from '@components/EchartType/EchartFourLine';
export default class Lines extends React.Component {
  constructor(props) {
    super(props);
  }

  render() {
    let allYAxisData = [
      {
        "name":"腾讯",
        "type":"line",
        "smooth":true,
        "symbolSize":6,
        "data":Array.from({length:20}).map(() => Math.random().toFixed(2)*10)},
      {

        "name":"微博",

        "type":"line",
        "smooth":true,
        "symbolSize":6,
        "data":Array.from({length:20}).map(() => Math.random().toFixed(2)*10)},
      {

        "name":"微信",

        "type":"line",
        "smooth":true,
        "symbolSize":6,
        "data":Array.from({length:20}).map(() => Math.random().toFixed(2)*10)},
      {
        "name":"爱奇艺",
        "type":"line",
        "smooth":true,
        "symbolSize":6,
        "data": Array.from({length:20}).map(() => Math.random().toFixed(2)*10)}
    ];
    let allXAxisData = ["2018-08-04", "2018-08-05", "2018-08-06", "2018-08-07", "2018-08-08", "2018-08-09", "2018-08-10", "2018-08-11", "2018-08-12", "2018-08-13", "2018-08-14", "2018-08-15", "2018-08-16", "2018-08-17", "2018-08-18", "2018-08-19", "2018-08-20", "2018-08-21", "2018-08-22", "2018-08-23"];
    return (
      <div className="home-page">
        <div style={{height:'500px',background: 'rgba(0, 0, 0, .6)'}}>
        <EchartFourLine
          yAxisData={allYAxisData}
          xAxisData={allXAxisData}
        />
        </div>
      </div>
    );
  }
}